*,
::after,
::before {
  box-sizing: border-box;
}

html {
  font-family: Arial, sans-serif !important;
  overflow-x: hidden;
}

body,
#app {
  overflow: hidden;
}

#root {
  height: 100%;
  width: 100%;
}

* {
  scrollbar-color: #c0c6cf transparent;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #c0c6cf;
  border: 2px solid transparent;
  border-radius: 12px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a9afb9;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

.vc-loading-spinner {
  .circular-img {
    width: 68px !important;
    height: 68px !important;
  }
}

.sourceLink {
  color: #1482f0;
  text-decoration: underline;
  cursor: pointer;
  text-underline-position: under;
}

.hasRemark {
  position: relative;
  cursor: pointer;

  &::after {
    content: '*';
    color: #f64c4c;
    position: absolute;
    font-size: 16px;
    right: -8px;
    top: -2px;
  }
}

.common-link {
  color: $color-primary;
  cursor: pointer;
  &:hover {
    text-decoration: underline;
  }
}

.vc-message {
  z-index: 9999 !important;
}

.el-switch.is-checked .el-switch__core {
  background-color: #02C680
}
